草庐IT

Bootstrap4 列表组

全部标签

javascript - Twitter Bootstrap (v2.2.1) 下 zipper 接在移动设备上不起作用

我有一个TwitterBootstrap(v2.2.1)可折叠导航栏和下拉按钮。它们在我的桌面浏览器中工作得非常愉快,而且如果我将桌面浏览器窗口缩小到移动尺寸,它们也能愉快地工作。但是在移动设备上,当您点击下拉菜单时,下拉菜单会打开,但点击下拉菜单中的任何链接只会导致下拉菜单关闭,而不会点击链接。这似乎类似于thisotherSOquestion,但解决方案是将data-toggle="dropdown"移动到我已有的位置。这是下拉按钮页面上的html:DropdownbuttonRecentGoogleBing/***TwitterBootstrapJQuery*///!functi

javascript - 仅用于粗体斜体和列表的所见即所得编辑器

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion我想知道是否有人对跨浏览器的WYSIWYG编辑器仅生成lsits、粗体和斜体有任何建议。我不想使用markdown,因为我的用户对计算机不是很友好,我也不需要他们有很多控件。我对所见即所得编辑器的体验是,它们是巨大的大锤,我只想敲开一个小坚果。如有任何意见,我们将不胜感激。

javascript - 输入类型复选框在 Bootstrap 模式中不起作用

为什么Bootstrap模式中的复选框不起作用?我使用这段代码使其工作但仍然有问题documentBody.on('click','.checkInp',null,function(e){varcheckbox=$(this).find(":checkbox"),checked=checkbox.is(":checked");checkbox.prop("checked",!checked);});documentBody.on('click','.checkInp:checkbox',null,function(e){$(this).parent('span').trigger('c

javascript - Bootstrap Popover 内容在隐藏时可点击

我的网站在map上有多个带有可点击图标的弹出框(只是一个带有背景图片的div):单击这些图标时,会显示一个弹出窗口。这个弹出窗口有一个轮播,其中包含带链接的文本:当我在弹出窗口外单击时,所有弹出窗口都被隐藏。这应该可以正常工作。我从thisStackOverflowquestion得到了代码。但是当您在弹出窗口外单击以再次隐藏它时,真正的问题出现了。弹出窗口已隐藏,但它仍在DOM中。这意味着链接仍然可以点击!当我单击加号图标隐藏弹出窗口时,弹出窗口被隐藏(已删除?),但是当单击加号之外(即页面上的任何位置)时,弹出窗口仍然存在(但不可见)就在上方.求助!这让我很恼火..:(编辑:可能值

javascript - Bootstrap 3.1.0 : affix too long

我正在使用Bootstrap3.1.0。当“词缀”对于视口(viewport)来说太长时,它会被切断,永远不会显示底部项目。是否有可能让Bootstrap的词缀以用户仍然可以从上到下滚动完整词缀的方式运行?有问题的例子:Longlistwithmanyentries...29.Last...regularcontentIhopemyjsFiddleexemplifiesthisproblem. 最佳答案 希望对你有帮助:只需添加一个overflow-yJsfiddle:http://jsfiddle.net/Ja3XT/1/添加的C

javascript - 根据预定义的顺序对字符串列表进行排序

我有一组颜色,我想对其进行排序。但是,我不想使用它们的“自然”顺序对它们进行排序,而是让它们按以下顺序排列:varorder=['white','yellow','violet','blue','orange','red','maroon','brown','black'];因此,例如,对这个数组进行排序varitems=['blue','violet','white','black','orange'];应该回馈['white','violet','blue','orange','black'];这是我目前所拥有的:varitemsInOrder=[];for(vari=0;i-1)

javascript - 单击 Angular UI Bootstrap 单选按钮

我正在尝试使用在UIBootstrap中实现的单选按钮,通过在按钮上包含一个ng-click来触发一个功能。显然,单选按钮变量在函数被调用后更新。我创建了一个Plunker来显示此行为并解释函数使用变量内容触发警报的问题。RadioButtonsPlunker有没有简单的方法可以解决这个问题。也许通过使函数等待变量更新... 最佳答案 是的,简单的修复。在单选按钮上使用ng-change而不是ng-click。参见http://plnkr.co/edit/0Jf4qrpHAXY8MeeVA3kl?p=preview

javascript - 包含 iframe 的页面上的 Bootstrap 3 导航栏

我的Bootstrap3上的导航栏有问题。在页面上添加iframe时,它不会展开,我无法导航(在小屏幕上)。然而,最大化窗口(大屏幕)显示导航栏在那里,所有元素都可用且可点击。没有iframe,一切都按预期工作。谁能想象,为什么?这对我来说似乎很奇怪......如有任何指点,我将不胜感激。干杯:-)编辑:一些代码。不要被html中的django代码碎片弄糊涂了。他们工作正常。Edit2:我还注意到现在我的页脚没有显示在包含iframe的同一页面上。注释掉iframe,一切正常。为什么会这样?没有人吗?内嵌框架:导航栏:TogglenavigationCamerataSerena{%fo

javascript - 基于嵌套属性值删除列表中项目的功能方法

我正在尝试在我的JavaScript应用程序中更多地转向函数式编程。我目前使用库ramda作为基础库。我的愿望:创建一个函数removeUserFromList(username,list)返回列表中与用户名不匹配的项目。实现尽可能短,尽可能依赖Ramda库中的现有功能。条件:包含嵌套用户对象的列表:[{providers:{github:{login:"username1"}}},{providers:{github:{login:"username2"}}}]目前已完成:varlist=[{providers:{github:{login:"username1"}}},{provi

javascript - 带有进度条的 Bootstrap 导航选项卡

我正在构建一个注册系统,并且在该页面中有一个进度条和一个引导导航选项卡。我正在尝试设置JQuery,以便进度条随着导航选项卡前进。这是一个视觉效果。我尝试使用hasClass和addCLass函数想出一个简单的ifelse条件jquery,但从未取得进展。像这样:$(document).ready(function(){$('a[data-toggle="tab"]').on('shown.bs.tab',function(e){if(".nav-tabs")hasClass(".active");{$(".checkout-barli").addClass("active");}})